<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本装饰</title>
    <style type="text/css">
        div:nth-of-type(1){
            text-decoration: underline; /*下划线*/
        }
        div:nth-of-type(3){
            text-decoration: overline; /*上划线*/
        }
        div:nth-of-type(2){
            text-decoration: none; /*默认没有*/
        }
        div:nth-of-type(4){
            text-decoration: line-through; /*删除线*/
        }
    </style>
</head>
<body>
    <div>文本内容1</div>
    <div>文本内容2</div>
    <div>文本内容3</div>
    <div>文本内容4</div>
</body>
</html>